<div class="module-loading-indicator"></div>
<div class="module-docheader t3js-module-docheader">
    <div class="module-docheader-bar module-docheader-bar-navigation t3js-module-docheader-bar t3js-module-docheader-bar-navigation row">
        <f:variable name="columnCssClass">module-docheader-bar-column-left col-xs-12 text-right</f:variable>
        <f:if condition="{docHeader.menus}">
            <f:if condition="{docHeader.menus -> f:count()} > 1">
                <f:then>
                    <f:variable name="columnCssClass">module-docheader-bar-column-right col-xs-12 col-sm-7 col-md-6 col-lg-8 text-right</f:variable>
                    <div class="module-docheader-bar-column-left col-xs-12 col-sm-5 col-md-6 col-lg-4">
                        <div class="form-inline row">
                            <f:for each="{docHeader.menus}" as="menu">
                                <div class="form-group form-group-sm col-xs-6">
                                    <f:render partial="Menus/SelectBoxJumpMenu" arguments="{menu:menu}"/>
                                </div>
                            </f:for>
                        </div>
                    </div>
                </f:then>
                <f:else>
                    <f:variable name="columnCssClass">module-docheader-bar-column-right col-xs-12 col-sm-9 text-right</f:variable>
                    <div class="module-docheader-bar-column-left col-xs-12 col-sm-3">
                        <div class="form-inline">
                            <f:for each="{docHeader.menus}" as="menu">
                                <div class="form-group form-group-sm">
                                    <f:render partial="Menus/SelectBoxJumpMenu" arguments="{menu:menu}"/>
                                </div>
                            </f:for>
                        </div>
                    </div>
                </f:else>
            </f:if>
        </f:if>
        <div class="{columnCssClass}">
            <f:if condition="{docHeader.metaInformation.recordInformation}">
                <span class="typo3-docheader-pagePath">
                    <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.path"/>: <f:format.raw>{docHeader.metaInformation.path}</f:format.raw>
                </span>
                <strong>
                    <f:format.raw>
                        {docHeader.metaInformation.recordInformationIcon} {docHeader.metaInformation.recordInformationTitle} <f:if condition="{docHeader.metaInformation.recordInformationUid}">[{docHeader.metaInformation.recordInformationUid}]</f:if>
                    </f:format.raw>
                </strong>
                {docHeader.metaInformation.recordInformationAdditionalInfo}
            </f:if>
        </div>
    </div>
    <div class="module-docheader-bar module-docheader-bar-buttons t3js-module-docheader-bar t3js-module-docheader-bar-buttons">
        <div class="module-docheader-bar-column-left">
            <f:render partial="ButtonBar" arguments="{buttons:docHeader.buttons.left}" />
        </div>
        <div class="module-docheader-bar-column-right">
            <f:render partial="ButtonBar" arguments="{buttons:docHeader.buttons.right}" />
        </div>
    </div>
</div>
